// pages/knowledge/knowledge.js
import * as echarts from '../../ec-canvas/echarts'
let chart = null
Page({

  /**
   * 页面的初始数据
   */
  data: {
      ec:{
        onInit:initChart
      }
  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})
function initChart(canvas,width,height,dpr) {
    chart = echarts.init(canvas,null,{
      width:width,
      height:height,
      devicePixelRatio:dpr
    })
    canvas.setChart(chart)

    let option = getOption()
    chart.setOption(option)
    return chart
}

function  getOption() {
  return {
    title: {
      text: '原盐产量数据',
      subtext: '单位为万吨',
      left: 'center'
    },
    tooltip: {
      trigger: 'item'
    },
    legend: {
      orient: 'vertical',
      left: 'left'
    },
    series: [
      {
        name: 'Access From',
        type: 'pie',
        radius: '50%',
        color:["#E5CDAB","#CC9047"],
        data: [
          { value: 5130.7, name: '其余地区' },
          { value: 432, name: '四川' }
        ],
        emphasis: {
          itemStyle: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)'
          }
        }
      }
    ]
  }
};